<script>
//获取路由router 对象
import router from '__ROUTER__'
export default {
  name: 'BaseHeaderPhone',
  functional: true,
  render(createElement, context) {
    return (
      <nav class="base-nav-phone">
        <ul class="nav-item-box flex">
          <li class="nav-item">
            <div class="item-att">Home</div>
            <router-link tag="div" class="item" to={{name: 'Home'}}>首页</router-link>
          </li>
          {
            /*
            <li class="nav-item">
              <div class="item-att">Shop</div>
              <div class="item">商城</div>
            </li>
            */
          }
          <li class="nav-item">
            <div class="item-att">Menu</div>
            <router-link tag="div" class="item" to={{name: 'Classify'}}>分类</router-link>
          </li>

          <li class="nav-item">
            <div class="item-att">Mine</div>
            <router-link tag="div" class="item" to={{name: 'Mine'}}>我的</router-link>
          </li>
          <li class="nav-item">
            <div class="item-att" onClick={ ()=>{ router.back() } } >Back</div>
            <div tag="div" class="item">返回</div>
          </li>
        </ul>
      </nav>
    )
  }
}
</script>

<style lang="less">
  @import url('./base_nav_phone.less');
</style>  